<template>
    <div class="big1">
        <!-- 头部 -->

        <!-- 内容部分 -->
         <div class="headerBox">
        <div class="headerBox">
            <div class="header">
                <x-icon type="ios-arrow-left" size="" class="icon-white" @click="$router.go(-1)"></x-icon>
                量化考核
            </div>
        </div>
        <!-- 内容部分 -->
        </div>
        <div class="safe_main" style="margin-top: 40px;">
            <div class="mainBox">
                <ul>
                    <li @click="$router.push('./quanPlan')">
                        <img src="../../../static/images/quantization_icon1.png" alt="">
                        <span>量化考核计划</span>
                        <x-icon type="ios-arrow-right" size="30" class="icon-right"></x-icon>
                    </li>
                    <li @click="$router.push('./quanRecord')">
                        <img src="../../../static/images/quantization_icon2.png" alt="">
                        <span>量化考核记录</span>
                        <x-icon type="ios-arrow-right" size="30" class="icon-right"></x-icon>
                    </li>
                    <li @click="$router.push('./examinePlan')">
                        <img src="../../../static/images/quantization_icon3.png" alt="">
                        <span>需要审批的量化考核计划</span>
                        <x-icon type="ios-arrow-right" size="30" class="icon-right"></x-icon>
                    </li>
                    <li @click="$router.push('./executeAssess')">
                        <img src="../../../static/images/quantization_icon4.png" alt="">
                        <span>需要执行的考核</span>
                        <x-icon type="ios-arrow-right" size="30" class="icon-right"></x-icon>
                    </li>
                    <li >
                        <img src="../../../static/images/quantization_icon5.png" alt="">
                        <span>量化考核统计</span>
                        <x-icon type="ios-arrow-right" size="30" class="icon-right"></x-icon>
                    </li>
                    <li @click="$router.push('./illegal')">
                        <img src="../../../static/images/quantization_icon5.png" alt="">
                        <span>违章整改</span>
                        <x-icon type="ios-arrow-right" size="30" class="icon-right"></x-icon>
                    </li>
                    <li @click="$router.push('./acceptance')">
                        <img src="../../../static/images/quantization_icon5.png" alt="">
                        <span>违章验收</span>
                        <x-icon type="ios-arrow-right" size="30" class="icon-right"></x-icon>
                    </li>
                    <li @click="$router.push('./safeCheckIndex')">
                        <img src="../../../static/images/quantization_icon5.png" alt="">
                        <span>安全检查</span>
                        <x-icon type="ios-arrow-right" size="30" class="icon-right"></x-icon>
                    </li>
                    <li @click="$router.push('./hiddenInvestigation')">
                        <img src="../../../static/images/quantization_icon5.png" alt="">
                        <span>问题管理</span>
                        <x-icon type="ios-arrow-right" size="30" class="icon-right"></x-icon>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</template>
<script>
export default {
  data (){
      return {
         params:{
           username:"admin",
           password:"123456"
         }
      }
  },
  methods: {
      goBack(){
          this.$router.go(-1)
      },
//     login() {
//       this.$axiosAjax.login(this.params).then((res) => {
//
//         console.log(res)
//
//       })
//     }
  },
  created() {
    // this.login()
  }
}
</script>
<style lang="less" scoped>
.big1{
    width: 100%;
    height: 100%;
    position: relative;
    .safe_main{
        height: 627px;
        width: 100%;
        .mainBox{
            width: 100%;
            height: 593px;
            background-color: #fff;
            ul{
                padding: 0 20px 20px;
                li{
                    padding:20px 0 20px 20px;
                    border-bottom:1px solid #eee;
                    position: relative;
                    img{
                        width: 30px;
                        height: 30px;
                    }
                    .vux-x-icon{
                        fill:#999;
                        float: right;
                        margin-top: 1px;
                    }
                    span{
                        font-size: 14px;
                        position: absolute;
                        left: 70px;
                        top: 30px;
                    }

                }
            }
        }
    }
    .weui-actionsheet{
        top: 30%;
        // width: 90%;
        // left: 20px;
        background-color:rgba(0,0,0,0);
    }
    .weui-actionsheet__menu{
        margin: 0 auto;
        width: 80%;
        // height: 200px;
        overflow-y: auto;
        line-height: 20px;
        border-radius: 10px;
    }
    .vux-actionsheet-menu-default{
        padding: 10px 20px!important;
        text-align: left;
        font-size: 16px;
    }
}
</style>
